<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="icon" href="favicon.ico" type="image/x-icon"/>
        <title>高级群发管理-微信管理-{$site.BACK_NAME}</title>
        <include file="Public:jscss" />
		<js href="__PUBLIC__/js/admin/json2.js"/>
		<css href="__PUBLIC__/js/poshytip/tip-yellowsimple/tip-yellowsimple.css"/>
		<js href="__PUBLIC__/js/poshytip/poshytip.js"/>
    </head>
    <body>
        <div class="wrap">
            <include file="Public:head" />
            <div class="mainBody">
                <include file="Public:left" />
                <div id="Right">
                    <div class="Item hr">
                        <div class="current">高级群发管理</div>
                    </div>
                    <form action="" method="post" id="quickForm">
						<input id="quickAct" type="hidden" name="act" value=""/>
                        <b>快速群发：</b>
						备注:
						<input type="text" name="remark" placeholder="备注下该群发的用途" id="remark" class="input" value="" style="width:220px;" />
						群发对象:
                        <select name="filter_type" id="quickObject">
							<option value="1" selected="selected">指定分组</option>
							<option value="2">指定账号</option>
							<option value="0">全部用户</option>
						</select>
						<span id="selectObject">
						<!--所有分组-->
						<select name="group_id" id="quickGroup" class="c_object">
							<volist name="wgroup" id="gp">
							<option value="{$gp.id}">{$gp.name}</option>
							</volist>
						</select>
						<!--openid输入-->
						<textarea name="openid" id="quickOpendid" class="c_object hidden" placeholder="请输入openid,以换行隔开"></textarea>
						</span>
						媒体类型:
						<select name="msgtype" id="quickType">
							<option value="mpnews" selected="selected">图文</option>
							<option value="text">文本</option>
							<option value="voice">语音</option>
							<option value="image">图片</option>
							<option value="video">视频</option>
							<option value="music">音乐</option>
						</select>
						<span id="selectMedia">
						<!--可用资源-->
						<select name="media_id" id="quickMedia">
						</select>
						<!--文本输入-->
						<textarea name="content" id="quickText" class="c_media hidden" placeholder="输入发送文本"></textarea>
						<!--其它输入-->
						<input type="text" name="title" placeholder="视频标题" id="quickVideoTitle" class="input c_media hidden" value="" />
						<textarea name="description" id="quickVideoDesc" class="c_media hidden" placeholder="视频描述"></textarea>
						</span>
                        <button class="btn quickPreview">预览</button>
						<button class="btn quickSubmit">发送</button>
                    </form>
                    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tab">
                        <thead>
                            <tr align="center">
                                <td width="5%">ID</td>
                                <td width="15%">备注</td>
								<td width="5%">发送对象</td>
								<td width="5%">媒体类型</td>
                                <td width="5%">发送数据</td>
                                <td width="5%">接收数据</td>
								<td width="10%">提交时间</td>
								<td width="10%">提交结果</td>
								<td width="5%">结果推送</td>
								<td width="15%">群发结果</td>
                                <td width="15%">操作</td>
                            </tr>
                        </thead>
                        <tbody>
                            <volist name="list" id="mass">
							<tr cid="{$mass.id}">
								<td align="center" class="description" title="{:htmlspecialchars($mass['msg_id'])}">{$mass.id}</td>
								<td>{$mass.remark}</td>
								<td class="description" title="{:htmlspecialchars($mass['filter_list'])}">
									<switch name="mass.filter_type">
									<case value="0">全部用户</case>
									<case value="1">指定分组</case>
									<case value="2">指定账号</case>
									<default />
									<span style="color:red;">未知对象</span>
									</switch>
								</td>
								<td align="center">
									<switch name="mass.msgtype" >
									<case value="mpnews">图文</case>
									<case value="text">文本</case>
									<case value="image">图片</case>
									<case value="voice">语音</case>
									<case value="video">视频</case>
									<case value="music">音乐</case>
									<default />
									<span style="color:red;">未知</span>
									</switch>
								</td>
								<td align="center" class="description" title="{:htmlspecialchars($mass['full_send'])}">查看</td>
								<td align="center" class="description" title="{:htmlspecialchars($mass['full_result'])}">查看</td>
								<td>{$mass.create_time|date="Y-m-d H:i:s",###}</td>
								<td>{$mass.result_errcode}:{$mass.result_errmsg}</td>
								<td class="description" title="{$mass['event_time']}">{$mass.event_get}</td>
								<td>结果{$mass.status},总计{$mass.count_total},可发{$mass.count_filter},成功{$mass.count_sent},失败{$mass.count_error}</td>
								<td align="center">
									<button class="btn agaBtn">再发</button>
									<button class="btn delBtn">删除</button>
								</td>
							</tr>
                            </volist>
                        </tbody>
                    </table>
					<div class="viciao">{$page}</div>
                </div>
            </div>
        </div>
        <form action="" method="post" id="opForm">
            <input id="id" type="hidden" name="id" />
            <input id="act" type="hidden" name="act" value="post"/>
            <input id="json" type="hidden" name="json" value="" />
        </form>
        <div class="clear"></div>
        <include file="Public:foot" />
    </body>
<script type="text/javascript">
var t_media = {$mjson};
$(function(){
	//显示Title
	$('.description').poshytip({className: 'tip-yellowsimple', showTimeout: 0.5,alignX: 'center',offsetY: 0,allowTipHover: true});
	//设置媒体下拉框
	function set_select(p_type){
		//载入可用媒体
		$("#quickMedia").css({color: "#000"});
		$("#quickMedia option").remove();
		if (!(t_media == null)){
			$.each(t_media, function (k, p) {
				var option = "";
				if(p.type == p_type){
					option = "<option value='" + p.media_id + "'>" + p.remark + "</option>";
				}
				$("#quickMedia").append(option);
			});
		}
		if($("#quickMedia option").length == 0){
			$("#quickMedia").css({color: "red"});
			$("#quickMedia").append("<option value='-1'>无有效媒体,请先上传素材</option>");
		}
	}
	set_select("mpnews");
	//检查填写信息
	function check_fill(){
		//备注
		if($("#remark").val().length == 0){
			$.jBox.tip("群发备注必须填写", 'info');
			return false;
		}
		//群发账号
		if($("#quickObject").val() == 2){
			//正则检测
			var t_reg = /^((\w|\-)+(\n|\r){1})*(\w|\-)+$/;
			var t_openid = $("#quickOpendid").val();
			if(!t_reg.test(t_openid)){
				$.jBox.tip("openid格式错误", 'info');
				return false;
			}
		}
		//全体群发
		if($("#quickObject").val() == 0){
			$.jBox.tip("面向全体用户的群发无法在此完成", 'info');
			return false;
		}
		//无法发送音乐
		if($("#quickType").val() == "music"){
			$.jBox.tip("微信接口暂不支持音乐群发！", 'info');
			return false;
		}
		//文本信息需要确定文本,非文本发送需要确定资源
		if($("#quickType").val() == "text"){
			if($("#quickText").val().length == 0){
				$.jBox.tip("发送文本信息必须填写", 'info');
				return false;
			}
		}else{
			if($("#quickMedia").val() == -1){
				$.jBox.tip("选择媒体文件无效！", 'info');
				return false;
			}
		}
		//视频信息完整
		if($("#quickType").val() == "video"){
			if($("#quickVideoTitle").val().length == 0){
				$.jBox.tip("视频标题必须填写", 'info');
				return false;
			}
			if($("#quickVideoDesc").val().length == 0){
				$.jBox.tip("视频描述必须填写", 'info');
				return false;
			}
		}
		return true;
	}
	//群发对象选择
	$("#quickObject").change(function(){
		if($(this).val()==1){
			//指定分组
			$(".c_object").addClass("hidden");
			$("#quickGroup").removeClass("hidden");
			return false;
		}else if($(this).val()==2){
			$(".c_object").addClass("hidden");
			$("#quickOpendid").removeClass("hidden");
		}else{
			$.jBox.tip("面向全体用户的群发建议您到微信公众后台直接操作。", 'info');
		}
	});
	//媒体类型选择
	$("#quickType").change(function(){
		var t_val = $(this).val();
		switch(t_val){
		case "mpnews":
		case "voice":
		case "image":
		case "video":
			set_select(t_val);
			$("#quickMedia").removeClass("hidden");
			$(".c_media").addClass("hidden");
			if(t_val == "video"){
				$("#quickVideoTitle").removeClass("hidden");
				$("#quickVideoDesc").removeClass("hidden");
			}
			break;
		case "music":
			$.jBox.tip("微信接口暂不支持音乐群发！", 'info');
			break;
		case "text":
			$(".c_media").addClass("hidden");
			$("#quickMedia").addClass("hidden");
			$("#quickText").removeClass("hidden");
			break;
		default:
			$.jBox.tip("不支持的媒体类型！"+t_val, 'info');
		}
	});
	//预览
	$(".quickPreview").click(function(){
		var t_ok = check_fill();
		if(t_ok){
			var t_url = "{:U('Weixin/preview')}";
			$.jBox("iframe:"+t_url, {
				title: "填写发送微信OPENID",
				width: 510,
				height: 150,
				buttons: { '发送': true, '关闭': false },
				submit: function (v, h, f) {
					if(v == true){
						var openid = $(window.frames["jbox-iframe"].document).find("#to_openid").val();
						var Reg =/^(\w|\-)+$/;
						if (Reg.test(openid)) {
							$("#to").val(openid);
							$(".btn").attr("disabledSubmit",true);
							//打开遮罩
							$.jBox.tip("发送中...", 'loading');
							$("form").ajaxSubmit({url:t_url, type:"POST",success:function(json, st) {
								if(json.status==1){
									$(".btn").removeAttr("disabledSubmit");
									$.jBox.tip(json.info, 'success');
								}else{
									$.jBox.tip(json.info, 'error');
								}
							}});
						}else{
							$.jBox.tip('你输入的OPENID格式错误', 'error');
						}
					}
					return true;
				}
			});
		}
		return false;
	});
	//发送
	$(".quickSubmit").click(function(){
		var t_ok = check_fill();
		if(t_ok){
			$("#quickAct").val('send');
			$.jBox.confirm(
				'确定群发信息？',
				"温馨提示",
				function(v, h, f) {
					if (v == true) {
						commonAjaxSubmit("","#quickForm");
					}
				},
				{buttons: {'是': true, '否': false}}
			);
		}
		return false;
	});
});
</script>
</html>